<template lang="html">
  <div class="address_box">
    <ul class="address_main">
      <li class="name"><p>{{address.name}}</p><p>{{address.mobile}}</p></li>
      <li class="dizhi">{{address.sheng}}{{address.shi}}{{address.qu}}{{address.address}}</li>
    </ul>
    <div><i></i></div>
  </div>
</template>
<script type="text/javascript">
  export default {
    props:['address'],
  }
</script>
<style type="text/css" lang="less">
  @import '../../../assets/less/index.less';
  .address_box{
    width: 100vw;
    // border-bottom: solid 0.5vw @color2;
    .address_main{
      width: 80vw;
      font-size: @h1_font_size;
      text-align: left;
      margin-left: 4vw;
      padding: 2vw 0;
      li{
        line-height: 7vw;
        p{
          display: inline-block;
          margin-right: 2vw;
        }
      }
    }
  }
</style>